<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>box</title>
    <style type="text/css">
        .box {
            width: 300px;
            height: 500px;
            background-color: khaki;
            border:lightsalmon 20px solid;
            border-radius: 30px;

            margin: 50px;
            padding: 30px;
        }
        .box2{
            width: 200px;
            height: 300px;
            background-color: green;
            border: ivory 10px dashed;
            border-radius: 15px;
            margin: 40px;
            padding: 5px 5px 5px 5px;
            font-size: 20px;
            /*  margin同理
            顺时针：上 右 下 左
            padding: 5px 5px 5px 5px;

                上 左右 下
            padding:5px 5px 5px;

                上下 左右
            padding:5px 5px;

            同时设置四条边
            padding: 5px;
             */
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="box2">
            <p>金凤玉露一相逢，
                便胜却人间无数。</p>
        </div>

    </div>
</body>
</html>